﻿@media (min-width: 576px) {
    .form-inline .form-label {
        padding: 7px 0;
        margin-bottom: 0;
        margin-right: 10px;
        width: 90px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: top;
    }

        .form-inline .form-label + * {
            width: calc(100% - 100px);
        }

            .form-inline .form-label + *:not(.input-group) {
                display: inline-block;
            }

        .form-inline .form-label + .switch,
        .form-inline .form-label + .form-checkbox {
            padding: 7px 0;
        }

    .form-inline.is-end > div > .form-label {
        text-align: right;
    }

    .form-inline.is-center > div > .form-label {
        text-align: center;
    }
}
